<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
  </head>
  <body>
    <div
      class="container"
      style="
        height: 100%;
        background-image: url(../pic/月亮.jpg);
        background-repeat: no-repeat;
      "
    >
      <div class="row" style="margin-top: 100px; margin-bottom: 500px">
        <div class="col-md-4">
          <div class="col-xs-5 col-xs-offset-6">
            <h4 style="color: white">欢迎登录</h4>
          </div>
          <hr />
          <div class="col-xs-6 col-xs-offset-4">
            <form calss="form-horizontal">
              <div class="form-group">
                <label for="email" style="color: white">邮箱</label>
                <input
                  type="email"
                  class="form-control"
                  placeholder="请输入登录邮箱"
                />
              </div>
              <div class="form-group">
                <label for="pwd" style="color: white">密码</label>
                <input
                  type="pwd"
                  class="form-control"
                  placeholder="请输入密码"
                />
              </div>
              <div calss="form-group checkbox">
                <label style="color: white"
                  ><input type="checkbox" />记住密码</label
                >
              </div>
              <div class="form-group" style="padding-left: 125px">
                <button
                  class="btn btn-default"
                  style="padding-left: 10px; padding-right: 10px"
                >
                  提交
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
